.art_preview, .article
{
    background-color:  #0D2F85;
    font-family: "Arial", Gadget, sans-serif;
    color: white;
    padding:  15px;
    margin-top: 10px;
    border-radius: 3px;
    display:  inline-block;
    border: 3px solid #0D2F85;
}

.art_preview:hover
{
    border: 3px solid #3067cd;
    transition: 0.5s, easy;
    -webkit-transition: 0.5s, easy;
    -o-transition: 0.5s, easy;
}

.art_preview:not(:hover)
{
    transition: 0.5s, easy;
    -webkit-transition: 0.5s, easy;
    -o-transition: 0.5s, easy;
}


.art_preview img
{
    float: left;
    max-height: 75px;
    margin-right: 15px;
    border-radius: 3px;
}

.art_preview a
{
    color: #BD8059;
}

.art_preview a:hover
{
    color: #456391;
    transition: 0.5s, easy;
    -webkit-transition: 0.5s, easy;
    -o-transition: 0.5s, easy;
}

.art_preview a:not(:hover)
{
    transition: 0.5s, easy;
    -webkit-transition: 0.5s, easy;
    -o-transition: 0.5s, easy;
}
